<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>家族</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/jiazu.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<div class="container-fluid">
			<div class="row bg">
				<!--导航-->
				<div class="col-md-10 col-md-offset-1 header">
					<nav class="navbar navbar-inverse">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
							<a class="navbar-brand logo" href="#">
								<img src="img/common/logo.png" alt="" />
							</a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									<a href="#">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="jiazu.html">Laya家族</a>
								</li>
								<li>
									<a href="play.html">游戏</a>
								</li>
								<li>
									<a href="new.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="my.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">FUCK</a>
										</li>
										<li>
											<a href="#">FUCK</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li role="separator" class="divider"></li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
						<!-- /.container-fluid -->
					</nav>
				</div>
			</div>
			<!--导航结束-->
			<div class="row laya">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="row">
								<div class="tittle">
									<span>1</span>
									<span>LayaFlash</span>
								</div>
								<h3>直接用Flash AS3语言开发HTML5的引擎 </h3>
								<p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</p>
								<p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</p>
								<p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
								<a href="">进入下载</a>
							</div>
						</div>
						<div class="col-md-6 col-sm-6 img">
							<div class="row">
								<img src="img/jiazu/jiazu.png" alt="" class="img-responsive" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row player">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="player-tittle">
								<span>1</span>
								<span>LayaFlash</span>
							</div>
						</div>
					</div>
					<div class="row player-bottom">
						<div class="col-md-4 col-sm-4">
						</div>
						<div class="col-md-4 col-sm-4 player-text col-xs-12">
							<dl>
								<dt>极强性能</dt>
								<dd>C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlaye</dd>
								<dt>更小，更多，更强</dt>
								<dd>不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器</dd>
							</dl>
						</div>
						<div class="col-md-4 col-sm-4">
						</div>
					</div>
				</div>
			</div>
			<div class="row over bottom-over">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="row bottom-text">
								<div>
									<span>3</span>
									<span>LayaAir</span>
								</div>
								<p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
								<dl>
									<dt>小巧强大</dt>
									<dd>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</dd>
									<dt>应用领域更广泛</dt>
									<dd>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</dd>
									<dt>多语言开发</dt>
									<dd>      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</dd>
								</dl>
							</div>
							<div class="row bottom-img">
								<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4">
									<img src="img/jiazu/bg4.png" alt="" class="img-responsive"/>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="row bottom-text">
								<div>
									<span>3</span>
									<span>LayaAir</span>
								</div>
								<p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
								<dl>
									<dt>小巧强大</dt>
									<dd>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</dd>
									<dt>应用领域更广泛</dt>
									<dd>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</dd>
									<dt>多语言开发</dt>
									<dd>      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</dd>
								</dl>
							</div>
							<div class="row bottom-img">
								<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4">
									<img src="img/jiazu/bg4.png" alt="" class="img-responsive"/>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<div class="row bottom-over over">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="row bottom-text">
								<div>
									<span>3</span>
									<span>LayaAir</span>
								</div>
								<p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
								<dl>
									<dt>小巧强大</dt>
									<dd>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</dd>
									<dt>应用领域更广泛</dt>
									<dd>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</dd>
								</dl>
							</div>
							<div class="row bottom-img">
								<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4">
									<img src="img/jiazu/bg4.png" alt="" class="img-responsive"/>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<div class="row bottom-text">
								<div>
									<span>3</span>
									<span>LayaAir</span>
								</div>
								<p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
								<dl>
									<dt>小巧强大</dt>
									<dd>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</dd>
									<dt>应用领域更广泛</dt>
									<dd>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</dd>
								</dl>
							</div>
							<div class="row bottom-img">
								<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4">
									<img src="img/jiazu/bg4.png" alt="" class="img-responsive"/>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<div class="row footer">
				<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-8 col-sm-8 col-xs-12">
									<div class="row footer-one">
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												公司简介
											</div>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												联系方式
											</div>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-4">
											<div class="row">
												人才招聘
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12 col-sm-12 col-xs-12">
											<div class="row">
												<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-4 col-sm-4 col-xs-12">
									<div class="row">
										<div class="col-md-3 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive" /></div>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive" /></div>
										</div>
										<div class="col-md-3 col-sm-3 col-xs-4">
											<div class="row"><img src="img/common/qq.png" alt="" class="img-responsive" /></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
	</body>

</html>